<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>排行榜</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="header-box">
  <p>人气借阅榜</p>
</div>
<div class="read_list">
  <div class="read_list_box" >
    <ul id="read_list_box">
<!--       <li> -->
<!--         <img src="img/index/tuceng 32@2x.png"> -->
<!--         <div class="box_right"> -->
<!--           <p> 牙虫大搬家 </p> -->
<!--           <p>(日)西本康子</p> -->
<!--           <p>主题:<i>智商</i></p> -->
<!--           <p>适龄:<b>2-4岁</b></p> -->
<!--           <div class="xingxing1"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing6@2x.png"> -->
<!--             <span>4.3</span> -->
<!--           </div> -->
<!--         </div> -->
<!--       </li> -->
<!--       <li> -->
<!--         <img src="img/index/tuceng 30@2x.png"> -->
<!--         <div class="box_right"> -->
<!--           <p> 鸭子骑车记 </p> -->
<!--           <p>(美)大卫·香农</p> -->
<!--           <p>主题:<i>智商</i></p> -->
<!--           <p>适龄:<b>2-4岁</b></p> -->
<!--           <div class="xingxing1"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing6@2x.png"> -->
<!--             <span>4.3</span> -->
<!--           </div> -->
<!--         </div> -->
<!--       </li> -->
<!--       <li> -->
<!--         <img src="img/index/tuceng 31@2x.png"> -->
<!--         <div class="box_right"> -->
<!--           <p> 胆小鬼威利 </p> -->
<!--           <p>(英)安东尼·布朗</p> -->
<!--           <p>主题:<i>智商</i></p> -->
<!--           <p>适龄:<b>2-4岁</b></p> -->
<!--           <div class="xingxing1"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing6@2x.png"> -->
<!--             <span>4.3</span> -->
<!--           </div> -->
<!--         </div> -->
<!--       </li> -->
<!--       <li> -->
<!--         <img src="img/index/tuceng 35@2x.png"> -->
<!--         <div class="box_right"> -->
<!--           <p> 根本就不脏嘛 </p> -->
<!--           <p>(德)玛努艾拉·欧尔特</p> -->
<!--           <p>主题:<i>智商</i></p> -->
<!--           <p>适龄:<b>2-4岁</b></p> -->
<!--           <div class="xingxing1"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing5@2x.png"> -->
<!--             <img src="img/index/xing6@2x.png"> -->
<!--             <span>4.3</span> -->
<!--           </div> -->
<!--         </div> -->
<!--       </li> -->
    </ul>
  </div>
</div>
<div class="footer_kb"></div>
<!-- <div class="footer">
  <div class="footer_box">
    <a class="hui_ben footer_box_item select" href="index.html">
      <img src="img/index/huiben@2x.png">
      <span>绘本</span>
    </a>
    <a class="rong_yao_bang footer_box_item" href="glory.html">
      <img src="img/index/rongyaobang@2x.png">
      <span>荣耀榜</span>
    </a>
    <a class="zhu_ye footer_box_item" href="richScan.html">
      <img src="img/index/zhuye@2x.png">
    </a>
    <a class="gui_huan footer_box_item" href="back.html">
      <img src="img/index/guihuan@2x.png">
      <span>归还</span>
    </a>
    <a class="my footer_box_item" href="my.html">
      <img src="img/index/wo@2x.png">
      <span>我享</span>
    </a>
  </div>
</div> -->
</body>
<script id="book_show_tmpl" type="text/x-jsrender">
<li class="bookList" id="{{:id}}"><b></b>
	<div class="divImg"><img src="{{:bookImage1}}"></div>
	<div class="box_right">
		<p>{{:bookName}}</p><br>
		<p>作者：{{:author}}</p>
		<p>主题：<i>{{:classificationName}}</i>
		</p>
		<p>适龄：<b>{{:readMinAge}}-{{:readMaxAge}}岁</b>
		</p>
		<div class="xingxing1">
			 {{if evaluationStar<1}}
            <img src="img/index/xing6@2x.png">
			{{/if}}
			{{if evaluationStar>0 && evaluationStar<2}}
            <img src="img/index/xing5@2x.png">
			{{/if}}
			{{if evaluationStar>=2 && evaluationStar<3}}
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
			{{/if}}
			{{if evaluationStar>=3 && evaluationStar<4}}
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
			{{/if}}
			{{if evaluationStar>=4 && evaluationStar<5}}
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
			{{/if}}
			{{if evaluationStar>=5}}
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
			{{/if}}
            <span>{{:evaluationStar}}</span>
		</div>
	</div>
</li>
</script>
<script src="js/jquery.js"></script><script src="js/jquery.cookie.js"></script>
<script src="js/base.js?v=base.js?v=20180102"></script>
<script src="js/jsrender.js"></script>
<script>
//   $('#read_list_box li').click(function (e) {
//     console.log(123);
//     e.preventDefault();
// //     self.location="appointment.html";
//   })
$(document).on('click', '.bookList', function() {
	var id = $(this).attr("id");
	window.location.href= "bookDetails.html?id="+id;
});  
  
var type = getQueryString("type"); 
var param = null;
if("fenling" == type){
	param = {
			"pageNum" : 1,
			"pageSize" : 20,
			"orderByString" : "recommend_star"
		}
}else if("renqi" == type){
	param = {
			"pageNum" : 1,
			"pageSize" : 20,
			"orderByString" : "evaluation_star"
		}
}else if("zuixin" == type){
	param = {
			"pageNum" : 1,
			"pageSize" : 20,
			"orderByString" : "create_time"
		}
// }else if("jindian" == type){
}else{
	param = {
			"pageNum" : 1,
			"pageSize" : 20,
			"orderByString" : "recommend_star"
		}
}

if(type != null){
	loadData(param);
}
  
  
function loadData(param){
	$.get({
		url : window.baseUrl + "/api/book/book/findPage",
		data : param,
		success : function(data) {
			var data = data.data.list;
			$("#read_list_box").empty();
			var htmlOutput = $.templates("#book_show_tmpl").render(data);
			$("#read_list_box").html(htmlOutput);
		}
	});
}    
</script>
</html>